<!doctype html>
<head>
  <style>
    /* styles to be added in subsequent listings */
  </style>
</head>

<body>
  <div class="author-bios">
    <div class="card">
      <h3>Sir Arthur Ignatius Conan Doyle</h3>
      <div>
        <p>
          A British writer and physician who created the fictional detective
          Sherlock Holmes.
        </p>
      </div>
      <div class="read-more"><a href="/conan-doyle"> Read more </a></div>
    </div>
    <div class="card">
      <h3>Mark Twain</h3>
      <div>
        <p>
          An American author famous for <i>The Adventures of Tom Sawyer</i> and
          <i>Adventures of Huckleberry Finn</i>. He has been called “the father
          of American literature.”
        </p>
      </div>
      <div class="read-more"><a href="/mark-twain"> Read more </a></div>
    </div>
    <div class="card">
      <h3>Homer</h3>
      <div>
        <p>
          Author of the Greek epic poems <i>The Iliad</i> and
          <i>The Odyssey</i>.
        </p>
      </div>
      <div class="read-more"><a href="/homer"> Read more </a></div>
    </div>
  </div>
</body>
